﻿@model JuniorProject.Models.Employee.EmployeeDetailedApplicationModel

@{
    ViewBag.Title = "ApplicationDetails_Detailed";
}

<script src="~/Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script language="javascript">
    $(document).ready(function () {
        $(".content").hide();
        $(".collapsible_heading").click(function () {
            $(this).next(".content").slideToggle(100);
        });
    });
</script>

@Html.Partial("_EmployeeTopNavBar", ViewData["ApplicationID, AccessLevel"])
<h2>
Detailed Application
</h2>
<br />

<fieldset>
    <legend>DetailedApplication</legend>

    <div class="toggle">
        <div class="collapsible_heading">
            <div class="collapsible_heading_text">
                Contact Information
            </div>
        </div>
        <div class="content">
                <h3>Address</h3>
                <div class="display-label">
                     @Html.DisplayNameFor(model => model.Address1)
                </div>
                <div class="display-field">
                    @Html.DisplayFor(model => model.Address1)
                </div>

                <div class="display-label">
                     @Html.DisplayNameFor(model => model.Address2)
                </div>
                <div class="display-field">
                    @Html.DisplayFor(model => model.Address2)
                </div>

                <div class="display-label">
                     @Html.DisplayNameFor(model => model.City)
                </div>
                <div class="display-field">
                    @Html.DisplayFor(model => model.City)
                </div>

                <div class="display-label">
                     @Html.DisplayNameFor(model => model.State)
                </div>
                <div class="display-field">
                    @Html.DisplayFor(model => model.Zip)
                </div>

                <h3>Phone Number</h3>
                <div class="display-label">
                     @Html.DisplayNameFor(model => model.ApplicantPhoneNumber1)
                </div>
                <div class="display-field">
                    @Html.DisplayFor(model => model.ApplicantPhoneNumber1)
                </div>

                <div class="display-label">
                     @Html.DisplayNameFor(model => model.ApplicantPhoneNumber2)
                </div>
                <div class="display-field">
                    @Html.DisplayFor(model => model.ApplicantPhoneNumber2)
                </div>
            </div>

        <div class="collapsible_heading">
            <div class="collapsible_heading_text">
                Personal/Professional Reference 1
            </div>
        </div>
        <div class="content">
            <div class="display-label">
                 @Html.DisplayNameFor(model => model.ReferenceName1)
            </div>
            <div class="display-field">
                @Html.DisplayFor(model => model.ReferenceName1)
            </div>

            <div class="display-label">
                 @Html.DisplayNameFor(model => model.ReferencePhoneNumber1)
            </div>
            <div class="display-field">
                @Html.DisplayFor(model => model.ReferencePhoneNumber1)
            </div>

            <div class="display-label">
                 @Html.DisplayNameFor(model => model.ReferenceCompanyName1)
            </div>
            <div class="display-field">
                @Html.DisplayFor(model => model.ReferenceCompanyName1)
            </div>

            <div class="display-label">
                 @Html.DisplayNameFor(model => model.ReferenceJobTitle1)
            </div>
            <div class="display-field">
                @Html.DisplayFor(model => model.ReferenceJobTitle1)
            </div>

            <div class="display-label">
                 @Html.DisplayNameFor(model => model.ReferenceRelationShip1)
            </div>
            <div class="display-field">
                @Html.DisplayFor(model => model.ReferenceRelationShip1)
            </div>            
        </div>

        <div class="collapsible_heading">
            <div class="collapsible_heading_text">
                Personal/Professional Reference 2
            </div>
        </div>
        <div class="content">
            <div class="display-label">
                 @Html.DisplayNameFor(model => model.ReferenceName2)
            </div>
            <div class="display-field">
                @Html.DisplayFor(model => model.ReferenceName2)
            </div>

            <div class="display-label">
                 @Html.DisplayNameFor(model => model.ReferencePhoneNumber2)
            </div>
            <div class="display-field">
                @Html.DisplayFor(model => model.ReferencePhoneNumber2)
            </div>

            <div class="display-label">
                 @Html.DisplayNameFor(model => model.ReferenceCompanyName2)
            </div>
            <div class="display-field">
                @Html.DisplayFor(model => model.ReferenceCompanyName2)
            </div>

            <div class="display-label">
                 @Html.DisplayNameFor(model => model.ReferenceJobTitle2)
            </div>
            <div class="display-field">
                @Html.DisplayFor(model => model.ReferenceJobTitle2)
            </div>

            <div class="display-label">
                 @Html.DisplayNameFor(model => model.ReferenceRelationShip2)
            </div>
            <div class="display-field">
                @Html.DisplayFor(model => model.ReferenceRelationShip2)
            </div>            
        </div>

        <div class="collapsible_heading">
            <div class="collapsible_heading_text">
                Personal/Professional Reference 3
            </div>
        </div>
        <div class="content">
            <div class="display-label">
                 @Html.DisplayNameFor(model => model.ReferenceName3)
            </div>
            <div class="display-field">
                @Html.DisplayFor(model => model.ReferenceName3)
            </div>

            <div class="display-label">
                 @Html.DisplayNameFor(model => model.ReferencePhoneNumber3)
            </div>
            <div class="display-field">
                @Html.DisplayFor(model => model.ReferencePhoneNumber3)
            </div>

            <div class="display-label">
                 @Html.DisplayNameFor(model => model.ReferenceCompanyName3)
            </div>
            <div class="display-field">
                @Html.DisplayFor(model => model.ReferenceCompanyName3)
            </div>

            <div class="display-label">
                 @Html.DisplayNameFor(model => model.ReferenceJobTitle3)
            </div>
            <div class="display-field">
                @Html.DisplayFor(model => model.ReferenceJobTitle3)
            </div>

            <div class="display-label">
                 @Html.DisplayNameFor(model => model.ReferenceRelationShip3)
            </div>
            <div class="display-field">
                @Html.DisplayFor(model => model.ReferenceRelationShip3)
            </div>           
        </div>

        <div class="collapsible_heading">
            <div class="collapsible_heading_text">
                Salary Information
            </div>
        </div>
        <div class="content">
            <div class="display-label">
                 @Html.DisplayNameFor(model => model.DesiredSalary)
            </div>
            <div class="display-field">
                @Html.DisplayFor(model => model.DesiredSalary)
            </div>        
        </div>
    </div>

</fieldset>

<p>
    @Html.Partial("_EmployeeBottomNavBar", ViewData["AccessLevel"])
</p>

